<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			div{
				background: url(img/charector.png) no-repeat;
				width: 530px;
				height: 790px;
				animation-name:you;
				animation-duration:2s;
				animation-iteration-count: infinite;
				animation-timing-function:steps(1,start);
			}
			@keyframes you{
				0%{background-position-x:0;}
				6.25%{background-position-x:-530px;}
				12.5%{background-position-x:-1060px;}
				18.75%{background-position-x:-1590px;}
				25%{background-position-x:-2120px;}
				31.25%{background-position-x:-2650px;}
				37.5%{background-position-x:-3180px;}
				43.75%{background-position-x:-3710px;}
				50%{background-position-x:-4240px;}
				56.25%{background-position-x:-4770px;}
				62.5%{background-position-x:-5300px;}
				68.75%{background-position-x:-5830px;}
				75%{background-position-x:-6360px;}
				81.25%{background-position-x:-6890px;}
				87.5%{background-position-x:-7420px;}
				93.75%{background-position-x:-7950px;}
				100%{background-position-x:0;}
			}
		</style>
	</head>
	<body>
	<div></div>
	</body>
</html>
